<!DOCTYPE html>
<html lang="zh-CN">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>智研测略—AI预测与备考规划系统</title>
  <!-- CSS文件已通过JavaScript导入 -->

</head>

<body>
  <div class="result-container">
    <h1>目标院校深度洞察</h1>

    <!-- 个人信息显示区域 -->
    <div class="user-info-section" style="margin-bottom: 2rem;">
      <h2 class="menu-title" style="text-align: left; margin-bottom: 1rem;">个人信息</h2>
      <div style="display: flex; justify-content: space-between;">
        <div style="width: 30%; text-align: center; padding: 1rem; background-color: #f5f5f5; border-radius: 4px;">
          <p style="font-weight: bold; margin-bottom: 0.5rem;">专业</p>
          <p id="majorDisplay" style="font-size: 1.1rem; color: #1976d2;">未设置</p>
        </div>
        <div style="width: 30%; text-align: center; padding: 1rem; background-color: #f5f5f5; border-radius: 4px;">
          <p style="font-weight: bold; margin-bottom: 0.5rem;">学院</p>
          <p id="collegeDisplay" style="font-size: 1.1rem; color: #1976d2;">未设置</p>
        </div>
        <div style="width: 30%; text-align: center; padding: 1rem; background-color: #f5f5f5; border-radius: 4px;">
          <p style="font-weight: bold; margin-bottom: 0.5rem;">目标院校</p>
          <p id="targetSchoolDisplay" style="font-size: 1.1rem; color: #1976d2;">未设置</p>
        </div>
      </div>
    </div>



    <!-- 成绩概况表格 -->
    <div class="score-overview" style="margin-bottom: 2rem;">
      <h2 class="menu-title" style="text-align: left; margin-bottom: 1rem;">成绩概况</h2>
      <table class="score-table" style="width: 100%; border-collapse: collapse;">
        <thead>
          <tr style="background-color: #f5f5f5;">
            <th style="padding: 0.8rem; text-align: left; border: 1px solid #e0e0e0;">平均学分绩点</th>
            <th style="padding: 0.8rem; text-align: left; border: 1px solid #e0e0e0;">英语四级成绩</th>
            <th style="padding: 0.8rem; text-align: left; border: 1px solid #e0e0e0;">高等数学（上）</th>
            <th style="padding: 0.8rem; text-align: left; border: 1px solid #e0e0e0;">高等数学（下）</th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td id="gpaValue" style="padding: 0.8rem; border: 1px solid #e0e0e0;">未设置</td>
            <td id="cet4Value" style="padding: 0.8rem; border: 1px solid #e0e0e0;">未设置</td>
            <td id="math1Value" style="padding: 0.8rem; border: 1px solid #e0e0e0;">未设置</td>
            <td id="math2Value" style="padding: 0.8rem; border: 1px solid #e0e0e0;">未设置</td>
          </tr>
          <tr>
            <th style="padding: 0.8rem; text-align: left; border: 1px solid #e0e0e0; background-color: #f5f5f5;">大学英语1
            </th>
            <th style="padding: 0.8rem; text-align: left; border: 1px solid #e0e0e0; background-color: #f5f5f5;">大学英语2
            </th>
            <th style="padding: 0.8rem; text-align: left; border: 1px solid #e0e0e0; background-color: #f5f5f5;">大学英语3
            </th>
            <th style="padding: 0.8rem; text-align: left; border: 1px solid #e0e0e0; background-color: #f5f5f5;">大学英语4
            </th>
          </tr>
          <tr>
            <td id="english1Value" style="padding: 0.8rem; border: 1px solid #e0e0e0;">未设置</td>
            <td id="english2Value" style="padding: 0.8rem; border: 1px solid #e0e0e0;">未设置</td>
            <td id="english3Value" style="padding: 0.8rem; border: 1px solid #e0e0e0;">未设置</td>
            <td id="english4Value" style="padding: 0.8rem; border: 1px solid #e0e0e0;">未设置</td>
          </tr>
        </tbody>
      </table>
    </div>

    <div style="margin-bottom: 1rem;">
      <h2 class="menu-title" style="text-align: left; margin-bottom: 1rem;">目标院校录取学生信息</h2>
      <div style="background-color: #fff9c4; border-left: 4px solid #ffc107; padding: 1rem; margin-bottom: 1rem;">
        <p style="color: #e65100; font-size: 0.9rem;">以下数据仅根据往年学员成绩进行预测，实际评估数据会因每年录取形式变化，请以实际为主</p>
      </div>
    </div>

    <!-- 您想报考的院校的学生录取信息 -->
    <div id="schoolContent" class="recommendation-list"
      style="display: flex; flex-wrap: wrap; justify-content: space-between;">
      <div class="student-card" style="width: 30%; margin-bottom: 20px;">
        <div class="student-rank">1</div>
        <div class="student-name">张三</div>
        <div class="student-info">平均学分绩点：3.8</div>
        <div class="student-info">英语四级成绩：580</div>
        <div class="student-info">高等数学（上）：92</div>
        <div class="student-info">高等数学（下）：89</div>
        <div class="student-info">大学英语1：95</div>
        <div class="student-info">大学英语2：93</div>
        <div class="student-info">大学英语3：91</div>
        <div class="student-info">大学英语4：89</div>
        <div class="student-tag">录取院校：清华大学</div>
        <div class="student-tag">专业：计算机科学与技术</div>
      </div>

      <div class="student-card">
        <div class="student-rank">2</div>
        <div class="student-name">李四</div>
        <div class="student-info">平均学分绩点：3.7</div>
        <div class="student-info">英语四级成绩：560</div>
        <div class="student-info">高等数学（上）：88</div>
        <div class="student-info">高等数学（下）：90</div>
        <div class="student-info">大学英语1：92</div>
        <div class="student-info">大学英语2：90</div>
        <div class="student-info">大学英语3：88</div>
        <div class="student-info">大学英语4：90</div>
        <div class="student-tag">录取院校：浙江大学</div>
        <div class="student-tag">专业：软件工程</div>
      </div>

      <div class="student-card">
        <div class="student-rank">3</div>
        <div class="student-name">孙八</div>
        <div class="student-info">平均学分绩点：3.1</div>
        <div class="student-info">英语四级成绩：460</div>
        <div class="student-info">高等数学（上）：78</div>
        <div class="student-info">高等数学（下）：76</div>
        <div class="student-info">大学英语1：81</div>
        <div class="student-info">大学英语2：79</div>
        <div class="student-info">大学英语3：77</div>
        <div class="student-info">大学英语4：78</div>
        <div class="student-tag">录取院校：河海大学</div>
        <div class="student-tag">专业：人工智能</div>
      </div>

      <div class="student-card">
        <div class="student-rank">4</div>
        <div class="student-name">郑十二</div>
        <div class="student-info">平均学分绩点：3.9</div>
        <div class="student-info">英语四级成绩：600</div>
        <div class="student-info">高等数学（上）：95</div>
        <div class="student-info">高等数学（下）：93</div>
        <div class="student-info">大学英语1：96</div>
        <div class="student-info">大学英语2：94</div>
        <div class="student-info">大学英语3：92</div>
        <div class="student-info">大学英语4：91</div>
        <div class="student-tag">录取院校：北京大学</div>
        <div class="student-tag">专业：数据科学与大数据技术</div>
      </div>

      <div class="student-card">
        <div class="student-rank">5</div>
        <div class="student-name">王十三</div>
        <div class="student-info">平均学分绩点：3.6</div>
        <div class="student-info">英语四级成绩：540</div>
        <div class="student-info">高等数学（上）：86</div>
        <div class="student-info">高等数学（下）：88</div>
        <div class="student-info">大学英语1：90</div>
        <div class="student-info">大学英语2：88</div>
        <div class="student-info">大学英语3：86</div>
        <div class="student-info">大学英语4：87</div>
        <div class="student-tag">录取院校：复旦大学</div>
        <div class="student-tag">专业：网络工程</div>
      </div>

      <div class="student-card">
        <div class="student-rank">6</div>
        <div class="student-name">陈十四</div>
        <div class="student-info">平均学分绩点：3.2</div>
        <div class="student-info">英语四级成绩：480</div>
        <div class="student-info">高等数学（上）：80</div>
        <div class="student-info">高等数学（下）：78</div>
        <div class="student-info">大学英语1：83</div>
        <div class="student-info">大学英语2：81</div>
        <div class="student-info">大学英语3：79</div>
        <div class="student-info">大学英语4：80</div>
        <div class="student-tag">录取院校：上海交通大学</div>
        <div class="student-tag">专业：信息安全</div>
      </div>
    </div>
    <div style="display: flex; justify-content: center; margin: 2rem 0;">
      <button id="saveStudentsBtn"
        style="min-width: 250px; white-space: nowrap; padding: 0.8rem 1.5rem; background-color: #4CAF50; color: white; border: none; border-radius: 4px; cursor: pointer; font-size: 1rem; font-weight: bold;">保存历年参考学生信息</button>
    </div>
    <div class="bottom-buttons-container" style="display: flex; justify-content: space-between;">
      <button id="backToMainBtn" class="function-btn">返回主页</button>
      <button id="toPredictBtn" class="function-btn">报考竞争能力评估</button>
      <button id="toFunc1Btn" class="function-btn">往届生源轨迹匹配</button>
    </div>
  </div>


</body>

</html>